/*news_index*/
.news_index{width:100%;background:url(../images/news/news_bg.jpg)center center/cover no-repeat;padding-bottom: 50px;}
.news_index .title_index h3{color:#fff;}
.news_index .title_index h3:after{background-color:#fff;}
.news_index .title_index p{color:#fff;}
.news_list{width:63%;margin:0 auto;}
.news_list .list_top{width:100%;overflow: hidden;}
.news_list .list_top ul{width:101%;}
.news_list .list_top ul li{width:32%;margin-right:1%;margin-top:1%;background-color:#fff;float: left;overflow: hidden;}
.news_list .list_top ul li .news_a_top{position:relative;width:100%;}
.news_list .list_top ul li .news_a_top img{width:100%;}
.news_list .list_top ul li .news_a_top a{position:absolute;top:50%;left:50%;margin-left:-32%;margin-top:-13%;width:65%;height:50%;padding:10px 0;box-sizing:border-box;display: inline-block;background:rgba(0,0,0,0.5);text-align: center;font-size: 40px;color:#fff;}
.news_list .list_top ul li .news_a_top a span{width:100%;display: block;font-size: 16px;}
.news_list .list_top ul li .news_a_bottom{position:absolute;top:0;right:-100%;width:100%;padding:10px;box-sizing: border-box;transition: all 0.2s linear 0.5s;background: #fff;}
.news_list .list_top ul li .news_a_bottom.on{right: 0;z-index: 10;transition: all 0.3s linear 0.2s;}
.news_list .list_top ul li .news_a_bottom ul li{width:32%;margin-right:1%;margin-top:1%;float: left;overflow: inherit;}
.news_list .list_top ul li .news_a_bottom ul li img{width:100%;height: 4vw;margin-right:1%;margin-top:1%;}
.news_list .list_top ul li .news_a_bottom ul li a{font-size:12px;color:#333;text-align: center;display: block;}
.news_list .list_top ul li .news_a_bottom ul li a span{display: block;line-height: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.changepage{position:relative;width:100%;height: 6vw;overflow: hidden;}
.change_btn{width:100%;height:30px;text-align: center;}
.change_btn a{width:6px;height:6px;border-radius:100%;border:1px solid #555;display: inline-block;}
.change_btn a.on{width:8px;height:8px;background-color:#555;}
.news_list .list_bottom{width:100%;margin-top:30px;overflow: hidden;}
.news_list .list_bottom ul{width:101%;}
.news_list .list_bottom>ul>li{width:24%;height: 19vw;margin-right:1%;margin-top:1%;background-color:#fff;float: left;}
.news_list .list_bottom ul li .news_b_top{width:100%;height: 7vw;}
.news_list .list_bottom ul li .news_b_top a{width:100%;height:100%;display:block;text-align: center;background: #fff;font-size:20px;color:#333;padding: 15px 0;border-bottom:1px dashed #999;box-sizing: border-box;}
.news_list .list_bottom ul li .news_b_top a.on{color:#fff;border:none;}
.news_list .list_bottom ul li .news_b_top a img{height:40px;display: block;margin: 10px auto;}
.news_list .list_bottom ul li .news_b_top a .img01{display: block;}
.news_list .list_bottom ul li .news_b_top a .img01.on{display: none;}
.news_list .list_bottom ul li .news_b_top a .img02{display: none;}
.news_list .list_bottom ul li .news_b_top a .img02.on{display: block;}
.news_list .list_bottom ul li:nth-of-type(1) a.on{background: url(../images/news/news_bannar.jpg)center center no-repeat;background-size: 100% 100%;}
.news_list .list_bottom ul li:nth-of-type(2) a.on{background: url(../images/news/news_bannar.jpg)center center no-repeat;background-size: 100% 100%;}
.news_list .list_bottom ul li:nth-of-type(3) a.on{background: url(../images/news/news_bannar.jpg)center center no-repeat;background-size: 100% 100%;}
.news_list .list_bottom ul li:nth-of-type(4) a.on{background: url(../images/news/news_bannar.jpg)center center no-repeat;background-size: 100% 100%;}
.news_list .list_bottom ul li .news_b_bottom{width:100%;padding:10px 10px 30px 10px;box-sizing: border-box;}
.news_list .list_bottom ul li .news_b_bottom ul li{width:100%;clear: both;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-left:15px;box-sizing: border-box;background:url(../images/news/news_spot.png)left no-repeat;}
.news_list .list_bottom ul li .news_b_bottom ul li a{color:#333;font-size:14px;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news_list .list_bottom ul li .news_b_bottom ul li:hover a{color:#ec0000;}
/*news_index end*/